html,
body,#app {
    margin: 0;
    height: 100%;
}
.el-container{
    height: 100%;
}
.el-header, .el-footer {
    background-color: #d1c6c4;
    color: #333;
    text-align: center;
    height: auto;
}

.el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
}

.el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
}
.el-row{
    border:1px gray solid;
    margin:10px 0px;
}
h2{
    background-color: #2b2b2b;
    padding:10px;
    margin:0px;
    color:white;
}

body > .el-container {
    margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
    line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
    line-height: 320px;
}

.el-tag{
    display: block;
}
.el-tab-pane{
    padding:10px;
}
.el-input.is-disabled .el-input__inner{
    color:red;
}